/* Floating icon */
    .floating-icon {
      position: fixed;
      bottom: 55px;
      right: 55px;
      background-color: #007bff;
      color: white;
      border-radius: 50%;
      padding: 15px;
      font-size: 30px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      transition: background-color 0.3s ease, transform 0.2s ease-in-out, opacity 0.3s ease;
      cursor: pointer;
      width: 55px;
      height: 55px;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 100;
      animation: bounceIn 0.6s ease-out, pulse 1.5s infinite;
    }

    /* Hide button on scroll */
    .floating-icon.hidden {
      opacity: 0;
      pointer-events: none;
      transform: translateY(20px);
    }

    /* Hover effect */
    .floating-icon:hover {
      background-color: #0056b3;
      transform: scale(1.1);
    }

    /* Pulsating effect */
    @keyframes pulse {
      0% { box-shadow: 0 0 10px rgba(0, 123, 255, 0.6); }
      50% { box-shadow: 0 0 20px rgba(0, 123, 255, 0.8); }
      100% { box-shadow: 0 0 10px rgba(0, 123, 255, 0.6); }
    }

    /* Bounce-in effect */
    @keyframes bounceIn {
      0% { transform: scale(0.5); opacity: 0; }
      80% { transform: scale(1.1); opacity: 1; }
      100% { transform: scale(1); }
    }

    /* Modal content and dialog */
    .modal-content {
      border-radius: 10px;
    }

    .modal-dialog {
      max-width: 90%;
      width: auto;
    }

    .modal-body {
      padding: 0;
    }

    /* Iframe styling */
    iframe {
      width: 100%;
      height: 500px;
      max-height: 80vh;
    }

    /* Mobile responsiveness */
    @media (max-width: 768px) {
      .floating-icon {
        bottom: 40px;
        right: 30px;
        width: 55px;
        height: 55px;
        font-size: 25px;
      }

      .modal-dialog {
        max-width: 95%;
      }
    }